<!DOCTYPE html>
<html>
<head>
	<head>

	<meta name="viewport" content="width=device-width,intial-scale=1,user-scalable=no">
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<link rel="stylesheet" href="css/swiper-bundle.min.css">
	<meta charset="utf-8">
</head>
	<title></title>
</head>
<body>
	<div class="content">
		<div class="contentTop">
			<div class="d_1"><a href="https://m.hebaomu.com/city/"  class="iia">广州 <img src="images/20.png" class="img1"></a>
			<img src="images/21.png" class="img2">
			<img src="images/22.png" class="img3">
			</div>
			<div class="d_2">
				<img src="images/23.png" class="img4">
				<span class="s1"><input type="text" placeholder="0元免费设计" name="" class="iip"></span>
				<div class="rd">
					<span>去设计</span>
					<img src="images/24.png" class="img6">
				</div>
			</div>
			<div class="img5">
				<div class="swiper-container">
				    <div class="swiper-wrapper">
				      <div class="swiper-slide"><img src="images/25.png" class="img5"></div>
				      <div class="swiper-slide"><img src="images/25.png" class="img5"></div>
				      <div class="swiper-slide"><img src="images/25.png" class="img5"></div>
				      <div class="swiper-slide"><img src="images/25.png" class="img5"></div>
				    </div>
				    <!-- Add Pagination -->
				    <div class="swiper-pagination"></div>
				  </div>
			</div>
			<!--  -->
			<div class="d_3">
				<div class="di">
					<img src="images/30.png">
					<div>房屋设计</div>
				</div>
				<div class="di">
					<img src="images/31.png">
					<div>免费报价</div>
				</div>
				<div class="di">
					<img src="images/32.png">
					<div>装修效果图</div>
				</div>
				<div class="di">
					<img src="images/33.png">
					<div>装修课堂</div>
				</div>
			</div>
			<div class="d_4">
				<div class="d_4_l">
					<span class="ds">热门城市</span>
					<img src="images/34.png">
				</div>
				<div class="d_4_r">
					<div>
						<span>广州</span>
						<span>南京</span>
						<span>上海</span>
					</div>
					<div>
						<span>天津</span>
						<span>云南</span>
						<span>北京</span>
					</div>
					<div>
						<span>朝阳</span>
						<span>哈尔滨</span>
						<span>全部城市</span>
					</div>
				</div>
			</div>
			<div class="d_5">
				<div class="d_5_l">
					<div class="d_5_lt">
						<img src="images/35.png">
						<span class="dsp">立即咨询</span>
					</div>
					<div class="cd"><input type="text" class="inputs" name="" placeholder="您的名字"></div>
				</div>
				 <div class="d_5_r">
				 	<div class="d_5_i">
				 		<div class="dd">
							<input type="text" name="" placeholder="房屋面积" class="i11">
							<span class="sss">m²</span>
						</div>
						<div class="dd dtt">
							<input type="text" class="i22" name="" placeholder="输入手机号码">
						</div>
				 	</div>
					<div class="d_5_i">
				 		<div class="dd dsq">
							<span class="dssss "><span class="qw qws">2室1厅1厨1卫</span>
								<div class="divspan">
									<span style="border-bottom: 1px solid #000">2室1厅1厨1卫</span>
									<span>2室1厅1厨3卫</span>
								</div>
							</span>
							<img src="images/36.png" class="iimm qw">
						</div>
						<div class="dd dssa">
							预约咨询
						</div>
				 	</div>
				</div>
<!--
				<div class="d_5_r">
					<div class="dd">
						<span>2室1厅1厨1卫</span>
					</div>
					<div class="dd">
						
					</div>
				</div> -->
			</div>
			<img src="images/200.png" class="img22">
			<div class="d_6">
				<div class="d_6_l">
					<img src="images/301.png">
				</div>
				<div class="d_6_r">
					<img src="images/302.png">
					<img src="images/303.png">
				</div>
			</div>
			
		</div>

		<div class="d_7">
			<img src="images/45.png" class="img101">
			<div class="d_7i">
				<span class="ddp1">看装修美图</span>
				<span class="ddp2"><a href=""class="am">更多></a></span>
			</div>
			<div class="dd7p">
				<div style="color: #9F4BFF">按空间</div>
				<div>
					按风格
				</div>
				<div>按户型</div>
			</div>
			<div class="common_div">
				<div class="cdd">
					<img src="images/500.png">
					<div>精装240平别墅<span>简约</span></div>
					
				</div>
				<div class="cdd">
					<img src="images/501.png">
					<div>东海未名园1居室<span class="bb">欧式风</span></div>
					
				</div>
				<div class="cdd">
					<img src="images/502.png">
					<div>精装240平别墅<span>简约</span></div>
					
				</div>
				<div class="cdd">
					<img src="images/1616819840(1).jpg">
					<div>东海未名园1居室<span  class="bb">欧式风</span></div>
					
				</div>
				

				<div class="cdd">
					<img src="images/500.png">
					<div>精装240平别墅<span>简约</span></div>
					
				</div>
				<div class="cdd">
					<img src="images/1616819866(1).jpg">
					<div>东海未名园1居室<span class="bb">欧式风</span></div>
					
				</div>
			</div>
		</div>

		<div style="padding-left:14px;padding-right:14px;background:#Fff"><img src="images/333.png" class="img22"></div>
		


		<div class="d_7">
			<img src="images/44.png" class="img101">
			<div class="d_7i">
				<span class="ddp1">看家居资讯</span>
				<span class="ddp2"><a href="" class="am">更多></a></span>
			</div>
			<div class="dd7p dd7p2">
				<div style="color: #9F4BFF">装修</div>
				<div>
					设计
				</div>
				<div>新闻</div>
				<div>百科</div>
			</div>
			<div class="common_div">
				<div class="cdd">
					<img src="images/555.png">
					<div>【装修公司】警惕瓷砖辐射，购买瓷砖时注意这…</div>
					
				</div>
				<div class="cdd">
					<img src="images/6.jpg">
					<div>【装修公司】警惕瓷砖辐射，购买瓷砖时注意这…</span></div>
					
				</div>
				<div class="cdd">
					<img src="images/5.jpg">
					<div>【装修公司】警惕瓷砖辐射，购买瓷砖时注意这…</div>
					
				</div>
				<div class="cdd">
					<img src="images/6.jpg">
					<div>【装修公司】警惕瓷砖辐射，购买瓷砖时注意这…</div>
					
				</div>
				

			</div>
		</div>


		<div class="d_7">
			<div class="d_7i d_7i2">
				<span class="ddp1">关于合抱木</span>
				<span class="ddp2">更多&gt;</span>

				<img src="images/1616824001(1).jpg" class="i102" style="width: 100%;margin-top: 20px;">

				<div class="dsaw">【装修公司】警惕瓷砖辐射，购买瓷砖时注意这…</div>

				<img src="images/1616824075.jpg" style="width: 100%">


				<div class="dsaw">合抱木成功挂牌新四板</div>


				<img src="images/1616824175(1).jpg" class="ssa">
				<div class="word">合抱木服务热线：020-3991-1567</div>
			</div>
		
		</div>
	</div>
</body>
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript">

	$(".qw").on("click",function(){
		$(".divspan").toggle()
	})
	$(".divspan span").on("click",function(){
		var t = $(this).html();
		$(".qws").html(t);
		$(".divspan").hide()
	})
</script>


<script src="js/swiper-bundle.min.js"></script>

  <!-- Initialize Swiper -->
  <script>
    var swiper = new Swiper('.swiper-container', {
      spaceBetween: 30,
      centeredSlides: true,
      autoplay: {
        delay: 2500,
        disableOnInteraction: false,
      },
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
    });
  </script>
</html>